<template>
<div class="background1">
<el-container style="height: 2000px; border: 3px solid #eee">
<el-aside>
<el-row  class="tac">
  <el-col span="18">
    <el-menu
      default-active="1-1"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose">
      <el-submenu index="1">
        <template slot="title">
          <i class="enterprise-info"></i>
          <span>企业信息管理</span>
        </template>
        <el-menu-item-group>
          <router-link to='enterpriseInfo'>
          <el-menu-item index="1-1">企业信息</el-menu-item>
          </router-link>
          <router-link to='resumeCol'>
          <el-menu-item index="1-2">简历收藏</el-menu-item>
          </router-link>
          <router-link to='violationHint'>
          <el-menu-item index="1-3">违规提示</el-menu-item>
        </router-link>
          <router-link to='hrchangepw'>
          <el-menu-item index="1-4">修改密码</el-menu-item>
          </router-link>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <i class="job-info"></i>
          <span>职位信息管理</span>
        </template>
        <el-menu-item-group>
          <router-link to='jobInfoHome'>
          <el-menu-item index="2-1">职位信息</el-menu-item>
          </router-link>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="schedule-manage"></i>
          <span>招聘进度管理</span>
        </template>
        <el-menu-item-group>
          <router-link to='statusing'>
          <el-menu-item index="3-1">进行中</el-menu-item>
          </router-link>
           <router-link to='statusover'>
          <el-menu-item index="3-2">已完成</el-menu-item>
           </router-link>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>
  </el-col>
</el-row>
</el-aside>
<div>
  <router-view/>
</div>
</el-container>
</div>
</template>

<script>
export default {
  data () {
    return {
      hrRefresh: 0
    }
  },
  methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      },
      goTo(path){
          this.$router.push(path);
      }
    },
  mounted () {
    this.hrRefresh = this.$route.params.hrRefresh !== undefined ? this.$route.params.hrRefresh : 0
  },
  watch: {
    hrRefresh () {
      location.reload()
    }
  }
}
</script>

<style>
.background1{
   background:white;
   }
.hr {
   margin: 20px auto auto auto;
}
.router-link-active {
  text-decoration: none;
}
a {
  text-decoration: none;
}

</style>